<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>宝石</title>
	<meta name="keywords" content="堇云定制、宝石" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
	<meta name="apple-mobile-web-app-title" content="堇云定制" />
	<meta content="telephone=no" name="format-detection" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
  <link rel="stylesheet" href="../res/css/main.css">
</head>
    
<body>
     <!--Star header-->
     <div id="header">
          <!--Star top-->
          <div class="t">
               <div class="wraper">
                    <a href="#"><i class="g-icon-fav"></i>收藏我们</a>
                    <span class="fr">
                          <a href="#" class="mr60"><i class="g-icon-map"></i>找到我们</a>
                          <a href="#" class="mr60"><i class="g-icon-contact"></i>联系我们</a>
                          <a href="#"><i class="g-icon-about"></i>关于我们</a>
                    </span>
               </div>
          </div>

          <!--Star logo-->
          <div class="wraper m tc"><a href="#" class="g-icon-logo"></a></div>

          <!--Star nav-->
          <div class="wraper">
               <ul class="nav clearfix">
                   <!--Star tel-->
                   <span class="fr fn12"><i class="g-icon-tel"></i>&nbsp;400－821－8870</span>
                   <li class="g-drop">
                       <span class="drop-focus"><i class="g-icon-buy"></i>购买<em class="g-icon-arrow ml5"></em></span>
                       <!--Star 下拉Box-->
                       <div class="drop-bd">
                            <i class="g-icon-gray-arrow"></i>
                            <div class="qr-item">
                                  <div class="qr-bd">
                                       <img src="../res/img/qr-code.png" class="fr" alt="">
                                       <p class="qr-txt"><i class="g-icon-weixin"></i><br>去微店购买</p>
                                  </div>
                            </div>

                            <div class="qr-item">
                                  <div class="qr-bd">
                                       <img src="../res/img/qr-code.png" class="fr" alt="">
                                       <p class="qr-txt"><i class="g-icon-taobao"></i><br>手机淘宝购买</p>
                                  </div>
                            </div>
                       </div>
                   </li>
                   <li class="current"><a href="#"><i class="g-icon-cat"></i>喵主子</a></li>
                   <li><a href="#"><i class="g-icon-ps"></i>潮流配饰</a></li>
                   <li class="g-drop">
                       <span class="drop-focus"><i class="g-icon-dz"></i>高级定制<em class="g-icon-arrow ml5"></em></span>
                       <!--Star 下拉Box-->
                       <div class="drop-bd">
                            <i class="g-icon-gray-arrow"></i>
                            <p class="drop-list">
                               <a href="#">钻石</a>
                               <a href="#"><a href="#">祖母绿</a>
                               <a href="#">蓝宝</a>
                               <a href="#">金绿石</a>
                            </p>
                       </div>
                   </li>
                   <li><a href="#"><i class="g-icon-live"></i>生活志</a></li>
               </ul>
          </div>
     </div>
     <!--End header-->

     <!--Star wraper-->
     <div class="wraper">
          <div class="gems-mod">
               <h1>宝石选购</h1>
               <h2>喵主子系列吊坠，灵感来源于铜铃眼萌神的举手投足。<br>
轮廓设计，勾勒出喵星人的百般娇媚。每一款吊坠都被设计师与制造者注入了灵魂和性格。纯手工打磨，匠心之作高工艺弧度，18K金
</h2>
               <!--Star Tags-->
               <div class="tags">
                    <a href="#" class="item current">蓝宝</a><a href="#" class="item">钻石</a><a href="#" class="item">金绿石</a><a href="#" class="item">祖母绿</a><a href="#" class="item">其他</a>
               </div>
              
               <!--Star 产品列表-->
               <div class="product-mod clearfix">
                    <!--Star 产品HD-->
                    <div class="pro-select">
                         <div class="hd">ALL</div>
                    </div>
                    <div class="clearfix"></div>

                    <!--Star Product bd-->
                    <ul class="product-list clearfix">
                        <li>
                            <div class="img"><img src="http://dimg04.c-ctrip.com/images/vacations/images2/66/252/252_12_C_125_70.jpg" alt=""></div>
                            <h2>TEXT</h2>
                            <h3>text</h3>
                        </li>
                        <li>
                            <div class="img"><img src="http://dimg04.c-ctrip.com/images/vacations/images2/66/252/252_06_C_500_280.jpg" alt=""></div>
                            <h2>TEXT</h2>
                            <h3>text</h3>
                        </li>
                        <li>
                            <div class="img">ddd</div>
                            <h2>TEXT</h2>
                            <h3>text</h3>
                        </li>
                        <li>
                            <div class="img">ddd</div>
                            <h2>TEXT</h2>
                            <h3>text</h3>
                        </li>
                        <li>
                            <div class="img">ddd</div>
                            <h2>TEXT</h2>
                            <h3>text</h3>
                        </li>
                    </ul>
                    <!--Star Pages-->
                    <div class="border-bottom clearfix">
                          <span class="g-page fr">
                                 <a href="#" class="g-icon-prev">&lt;</a>
                                 <a href="#">1</a>
                                 <a href="#" class="current">2</a>
                                 <a href="#">3</a>
                                 <a href="#">4</a>
                                 <a href="#" class="g-icon-next">&gt;</a>
                          </span>
                    </div>
               </div>
          </div>
     </div>
     <!--End wraper-->
     

     <!--Star Footer-->
     <div id="footer">
           <!--Star top-->
           <div class="wraper ft-t pr">
                <i class="g-icon-jinacc"></i>
                <div class="email-reg">
                     <p><i class="g-icon-email"></i>您将会在第一时间收到，有关我们新品、特殊活动、新店开张等信息</p>
                     <div class="mt20"><input type="text" class="email-txt" placeholder="Enter your e-mail address"><button class="btn-reg ml15">注册</button></div>
                </div>
                <img src="../res/img/qr-attention.png" alt="" class="qr-attention">
           </div>

           <!--Star copyright-->
           <div class="ft-b">
                <div class="wraper pr">
                     <p class="blank">© Copyright 2014 FreebiesXpress.com<a href="#">公司介绍</a><a href="#">定制流程</a><a href="#">网站政策</a></p>
                     <i class="g-icon-goup"></i>
                     <div class="share-icon"><a href="#"><i class="share-icon-weixin"></i></a><a href="#"><i class="share-icon-weibo"></i></a><a href="#"><i class="share-icon-taobao"></i></a><a href="#"><i class="share-icon-douban"></i></a></div>
                 </div>
           </div>
     </div>
    

     <script type="text/javascript" src="../res/js/jquery-1.8.3.min.js" ></script>
     <script type="text/javascript" src="../res/js/ui.base.js" ></script>

</body>
</html>